<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>首页</title>
    <meta name="viewport"
          content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no">
    <meta name="apple-touch-fullscreen" content="YES">
    <meta name="format-detection" content="telephone=no">
    <meta name="apple-mobile-web-app-status-bar-style" content="black"/>

    <!--<link rel="stylesheet" type="text/css" href="//cdn.bootcss.com/animate.css/3.5.2/animate.min.css">-->
    <!-- <link rel="stylesheet" type="text/css" href="/Public/projects/activityjl/libs/animate.css"> -->
    <link rel="stylesheet" type="text/css" href="/Public/projects/activityjl/style/base.css">
    <link rel="stylesheet" type="text/css" href="/Public/projects/activityjl/style/index.css?v=2">
    <!-- <link rel="stylesheet/less" type="text/css" href="/Public/projects/activityjl/style/index.less?v=3"> -->

    <!--[if lt IE 9]>
    <style type="text/css">
        #project .item .pic {
            margin: -24% 0 0 -30%;
        }

        .mask {
            background: transparent;
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#50000000, endColorstr=#50000000);
            zoom: 1;
        }

        .mask img.picture {
            margin: -30% 0 0 -50%;
        }

        body {
            filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/Public/projects/activityjl/assets/images/bg.png", sizingMethod="scale");
            -ms-filter: 'progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/Public/projects/activityjl/assets/images/bg.png",sizingMethod="scale")';
        }

        #register input {
            background: transparent;
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00000000, endColorstr=#00000000);
            zoom: 1;
        }

        .info.color-block3 {
            background: transparent;
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#5f01abff, endColorstr=#5f01abff);
            zoom: 1;
        }
    </style>
    <![endif]-->
</head>
<body>

<div class="mask" style="display: none;">
    <div class="container v-center h-center">
        <img src="" class="picture">
    </div>
</div>

<div id="header" style="min-height: 100%">
    <div class="header-container">
        <img src="/Public/projects/activityjl/assets/images/banner.jpg?v=2">
    </div>

    <div class="nav">
        <div class="nav-bar">
            <div class="tab home"></div>
            <div class="tab activity"></div>
            <div class="tab project"></div>
            <div class="tab register"></div>
        </div>
    </div>

    <div class="fragment-container">
        <div id="home" fragment style="display: none;">
            <div class="title">
                <div class="sponsor"></div>
                <div class="organizer"></div>
                <div class="date"></div>
            </div>
            <div class="line"></div>
            <div class="paragraph">
                <div class="p1"></div>
            </div>
            <div class="video-title-bar">
                <span class="ico"></span><span class="title">吉林市城市风光</span>
            </div>
            <div id="video-pos" class="blank-line4"></div>
        </div>

        <div id="activity" fragment style="display: none;">
            <div class="container" >
                待定
            </div>
            <!-- <div class="container">
                <div class="p title">1、举办吉林市经贸合作交流会</div>
                &lt;!&ndash; 表示使用上一个同辈元素进行克隆(内容使用自己本身)&ndash;&gt;
                <div class="p title">时间：待定</div>
                <div class="p title">地点：西关宾馆（国际会议中心二楼会议室）</div>
                <div class="blank-line"></div>
                <div class="p title">参加人员：</div>
                <div class="p item">
                    (1) 市委书记张焕秋、市长刘非，市人大主任李向东，市政协主席崔振吉，市委常委、常务副市长沈德生，市委常委、市委秘书长李天林，市委常委、统战部部长郑国学，市政府相关副市长，市政府秘书长吕任鹏，副秘书长肖占柱;市直有关部门负责同志。
                </div>
                <div class="p item">
                    (2) 县（市）区、开发区党委或政府1位主要领导，分管领导，经合局局长。
                </div>
                <div class="p item">
                    (3) 城建集团、铁投公司、国投集团、文投公司、金控集团主要负责人。
                </div>
                <div class="p item">
                    (4) 在吉投资的重点浙江籍企业家。
                </div>
                <div class="p item">
                    (5) 邀请的浙江省企业家（100人）。
                </div>
                <div class="blank-line"></div>
                <div class="blank-line"></div>
                <div class="p title">议程：</div>
                <div class="p desc">
                    会议由市委常委、常务副市长沈德生主持。
                </div>
                <div class="p item">
                    (1) 主持人介绍参会领导及重要嘉宾。
                </div>
                <div class="p item">
                    (2) 播放吉林市风光片（7分钟）。
                </div>
                <div class="p item">
                    (3) 市委书记、市长张焕秋致辞（5分钟）。
                </div>
                <div class="p item">
                    (4) 在吉林投资浙商代表发言（5分钟）。
                </div>
                <div class="p item">
                    (5) 举行项目签约仪式（市领导及嘉宾代表台上证签，20分钟）。
                </div>
                <div class="blank-line"></div>
                <div class="blank-line"></div>
                <div class="p title">2、专题项目对接会</div>
                <div class="p desc">
                    按照生物医药、信息产业、科技创新、汽车零部件行业共分4组进行互动交流
                </div>
                <div class="blank-line"></div>
                <div class="p">生物医药组</div>
                <div class="p">参加单位：相关县（市）区、开发区</div>
                <div class="p">信息产业组</div>
                <div class="p">参加单位：相关县（市）区、开发区</div>
                <div class="p">科技创新组</div>
                <div class="p">参加单位：相关县（市）区、开发区</div>
                <div class="p">汽车零部件组</div>
                <div class="p">参加单位：相关县（市）区、开发区</div>
                <div class="blank-line"></div>
                <div class="blank-line"></div>

                <div class="p title">3、浙商建言献策座谈会</div>
                &lt;!&ndash; 表示使用上一个同辈元素进行克隆(内容使用自己本身)&ndash;&gt;
                <div class="p title">时间：待定</div>
                <div class="p title">地点：西关宾馆（具体地点待定）</div>
                <div class="blank-line"></div>
                <div class="p title">参加人员：</div>
                <div class="p item">
                    （1）沈德生、郑国学、市政府相关副市长、吕任鹏、肖占柱。
                </div>
                <div class="p item">
                    （2）市直相关部门领导。
                </div>
                <div class="p item">
                    （3）县（市）区、开发区主要领导。
                </div>
                <div class="p item">
                    （4）邀请的浙江省企业家代表。
                </div>
                <div class="p title">流程：</div>
                <div class="p item">
                    （1）浙商代表针对政策支撑、营商环境、产业承接等问题建言献策。
                </div>
                <div class="p item">
                    （2）各县（市）区、开发区结合自身产业特点，各部门结合自身职能有针对性解答问题。
                </div>
                <div class="blank-line4"></div>
            </div> -->
        </div>

        <div id="project" fragment style="display: none;">
            <div class="pro container">
                <div class="video-title-bar">
                    <span class="ico"></span><span class="title">十大产业项目</span>
                </div>
                <div>
                    <div class="item" code-for="10">
                        <div class="left">
                            <img class="pic h-center" src="/Public/projects/activityjl/assets/images/default.png">
                        </div>
                        <div class="right">
                            <div class="name"></div>
                            <div class="desc"></div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="blank-line4"></div>

            <div class="city container">
                <div class="video-title-bar">
                    <span class="ico"></span><span class="title">十大城镇化工程</span>
                </div>
                <div>
                    <div class="item" code-for="10">
                        <div class="left">
                            <img class="pic h-center" src="/Public/projects/activityjl/assets/images/default.png">
                        </div>
                        <div class="right">
                            <div class="name"></div>
                            <div class="desc"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div id="register" fragment style="display: none;">
            <div class="container">
                <div class="item name">
                    <div class="key" code-stretch-left>姓名：</div>
                    <div class="tag" code-stretch-right>*</div>
                    <div class="value" code-stretch>
                        <input type="text" id="name">
                    </div>
                </div>

                <div class="item appellation">
                    <div class="key" code-stretch-left>称谓：</div>
                    <div class="value checkbox-group" id="appellation" code-stretch>
                        <div class="cb-row">
                            <div class="cb-item v-center">
                                <div class="cb-name">男士</div>
                                <input checked type="radio" id="man" name="appellation" data-value="0">
                            </div>
                            <div class="cb-item">
                                <div class="cb-name">女士</div>
                                <input type="radio" id="woman" name="appellation" data-value="1">
                            </div>
                        </div>
                    </div>
                </div>

                <div class="item card_number">
                    <div class="key" code-stretch-left>身份证：</div>
                    <div class="tag" code-stretch-right>*</div>
                    <div class="value" code-stretch>
                        <input type="text" id="card_number">
                    </div>
                </div>

                <div class="item company">
                    <div class="key" code-stretch-left>公司：</div>
                    <div class="tag" code-stretch-right>*</div>
                    <div class="value" code-stretch>
                        <input type="text" id="company">
                    </div>
                </div>

                <div class="item position">
                    <div class="key" code-stretch-left>职位：</div>
                    <div class="tag" code-stretch-right>*</div>
                    <div class="value" code-stretch>
                        <input type="text" id="position">
                    </div>
                </div>

                <div class="item industry">
                    <div class="key">所属产业：</div>
                    <div class="item">
                        <div class="value checkbox-group" id="industry">
                            <div class="cb-row">
                                <div class="cb-item v-center">
                                    <div class="cb-name">信息产业</div>
                                    <input checked class="" type="radio" id="industry-1" name="cb-industry"
                                           data-value="1">
                                </div>
                                <div class="cb-item">
                                    <div class="cb-name">生物科技</div>
                                    <input type="radio" id="industry-2" name="cb-industry" data-value="2">
                                </div>
                            </div>
                            <div class="cb-row">
                                <div class="cb-item">
                                    <div class="cb-name">汽车制造</div>
                                    <input type="radio" id="industry-3" name="cb-industry" data-value="3">
                                </div>
                                <div class="cb-item">
                                    <div class="cb-name">旅游产业</div>
                                    <input type="radio" id="industry-4" name="cb-industry" data-value="4">
                                </div>
                            </div>
                            <div class="cb-row">
                                <div class="cb-item">
                                    <div class="cb-name">文创产业</div>
                                    <input type="radio" id="industry-5" name="cb-industry" data-value="5">
                                </div>
                                <div class="cb-item">
                                    <div class="cb-name">食品深加工</div>
                                    <input type="radio" id="industry-6" name="cb-industry" data-value="6">
                                </div>
                            </div>
                            <div class="cb-row">
                                <div class="cb-item">
                                    <div class="cb-name">其他</div>
                                    <input type="radio" id="industry-7" name="cb-industry" data-value="0">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="item-rel">
                    <div class="key">详细地址：</div>
                    <div class="value">
                        <textarea type="text" id="address"></textarea>
                    </div>
                    <div class="tag" style="text-align: right">*</div>
                </div>

                <div class="item mobile">
                    <div class="key" code-stretch-left>手机号码：</div>
                    <div class="tag" code-stretch-right>*</div>
                    <div class="value" code-stretch>
                        <input type="text" id="mobile">
                    </div>
                </div>

                <div class="item-rel">
                    <div class="key">备注：</div>
                    <div class="value">
                        <textarea type="text" id="note"></textarea>
                    </div>
                </div>

                <div class="item verify">
                    <div class="key" code-stretch-left>验证码：</div>
                    <div class="tag verify-code" code-stretch-right>
                        <img id="verify-img" src="" width="100%" height="100%">
                    </div>
                    <div class="value" code-stretch>
                        <input type="text" id="verify">
                    </div>
                </div>

            </div>

            <div class="bottom">
                <div class="container">
                    <div class="rewrite button" id="rewrite">重 写</div>
                    <div class="submit button" id="submit">提 交</div>
                </div>
            </div>
        </div>

        <div id="register-off" fragment style="display: none;">
            <p class="desc" style="font-size:1.5rem;height:200px ;text-align: center;">暂未开放注册</p>
        </div>

    </div>
    <div class="blank-line4"></div>
    <div class="footer">技术支持：新媒体技术中心</div>
    <div class="blank-line4"></div>
</div>


<!-- ========================================================================= -->
<script src="/Public/projects/activityjl/libs/jquery-3.1.1.min.js"></script>
<script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
<script type="text/javascript">
    wx.config({
        debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
        appId: '{$wxuser["appid"]}', // 必填，公众号的唯一标识
        timestamp: "{$timestamp}", // 必填，生成签名的时间戳
        nonceStr: '{$nonceStr}', // 必填，生成签名的随机串
        signature: '{$wxSha1}',// 必填，签名，见附录1
        jsApiList: ['onMenuShareAppMessage', 'onMenuShareTimeline'] // 必填，需要使用的JS接口列表，所有JS接口列表见附录2
    });
    wx.error(function (res) {
        console.log(res);
        // config信息验证失败会执行error函数，如签名过期导致验证失败，具体错误信息可以打开config的debug模式查看，也可以在返回的res参数中查看，对于SPA可以在这里更新签名。
    });

    wx.ready(function (e) {
        wx.onMenuShareAppMessage({
            title: "吉林市——浙商专题项目对接会暨浙商吉林行", // 分享标题
            desc: "冰天雪地也是金山银山", // 分享描述
            link: location.protocol + "//" + window.location.hostname + "/" + "Wap/Activityjl/index?id={$id}", // 分享链接
            imgUrl: "{$imgurl}", // 分享图标
            type: 'link', // 分享类型,music、video或link，不填默认为link
            dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
            success: function () {
                // 用户确认分享后执行的回调函数
            },
            cancel: function () {
                // 用户取消分享后执行的回调函数
            }
        });
        wx.onMenuShareTimeline({
            title: "吉林市——浙商专题项目对接会暨浙商吉林行", // 分享标题
            desc: "冰天雪地也是金山银山", // 分享描述
            link: location.protocol + "//" + window.location.hostname + "/" + "Wap/Activityjl/index?id={$id}", // 分享链接
            imgUrl: "{$imgurl}", // 分享图标
            success: function () {
                // 用户确认分享后执行的回调函数
            },
            cancel: function () {
                // 用户取消分享后执行的回调函数
            }
        });
    })

</script>
<script src="/Public/js/common/baidutongji.js"></script>
<!--<script src="/Public/projects/activityjl/libs/jquery.min.js"></script>-->
<script src="/Public/projects/activityjl/libs/velocity.min.js"></script>
<script src="/Public/projects/activityjl/libs/rem.min.js"></script>
<!-- <script src="/Public/projects/activityjl/libs/less.js"></script> -->
<!--common of all js file-->
<script src="/Public/projects/activityjl/js/common.js"></script>
<!--add self scrip file-->
<script>
    ns.constant = {};
    ns.constant["status"] = {$status} || 0;
</script>
<script src="/Public/projects/activityjl/js/index.js?v=10"></script>

</body>
</html>